<!doctype html>
<html><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport">
<title>Menu</title>

<link rel="stylesheet" type="text/css" href="../../../assets/css/bootstrap.css">

<link rel="stylesheet" type="text/css" href="../../typography/css/typography.css">
<link rel="stylesheet" type="text/css" href="../css/navbar.css">
<link rel="stylesheet" type="text/css" href="../../dropdown/css/dropdown.css">
<link rel="stylesheet" type="text/css" href="../../button/css/button.css">
<!-- Google icon -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../../icons/css/google-icons.css">

</head>

<body>

	<!-- Nav menu with search -->
	<nav class="navbar navbar-inverse pmd-navbar pmd-z-depth">
		<div class="container-fluid">

			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button class="pmd-ripple-effect navbar-toggle pmd-navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="javascript:void(0);" class="navbar-brand">Brand</a>
			</div>
	
			<div class="pmd-navbar-right-icon pull-right">
				<a class="btn btn-sm pmd-btn-fab pmd-btn-flat pmd-ripple-effect" href="javascript:void(0);"><i class="material-icons md-light pmd-sm">search</i></a>
			</div>
	
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse pmd-navbar-sidebar">
			
			  <ul class="nav navbar-nav navbar-right">
				<li><a class="pmd-ripple-effect" href="javascript:void(0);">Link</a></li>
				<li class="dropdown pmd-dropdown">
				  <a aria-expanded="false" role="button" data-toggle="dropdown" data-sidebar="true" class="pmd-ripple-effect dropdown-toggle" href="javascript:void(0);">Dropdown <span class="caret"></span></a>
				  <ul role="menu" class="dropdown-menu dropdown-menu-right">
					<li><a class="pmd-ripple-effect" href="javascript:void(0);">Action</a></li>
					<li><a class="pmd-ripple-effect" href="javascript:void(0);">Another action</a></li>
					<li><a class="pmd-ripple-effect" href="javascript:void(0);">Something else here</a></li>
					<li class="divider"></li>
					<li><a class="pmd-ripple-effect" href="javascript:void(0);">Separated link</a></li>
				  </ul>
				</li>
			  </ul>
			  
			</div><!-- /.navbar-collapse -->
		</div>
		<div class="pmd-sidebar-overlay"></div>
	</nav>

	<!-- Jquery js -->
	<script type="text/javascript" src="../../../assets/js/jquery-1.12.2.min.js"></script>
	
	<!-- Bootstrap js -->
	<script type="text/javascript" src="../../../assets/js/bootstrap.min.js"></script>
	
	<!-- Propeller Sidebar js -->
	<script type="text/javascript" language="javascript" src="../../sidebar/js/sidebar.js"></script>
	
	<!-- Propeller Dropdown js -->
	<script type="text/javascript" language="javascript" src="../../dropdown/js/dropdown.js"></script>
	
	<!-- Propeller ripple effect js -->
	<script type="text/javascript" language="javascript" src="../../button/js/ripple-effect.js"></script>

</body>
</html>


